MVVM প্যাটার্নে ViewModel হল এমন একটি উপাদান, যা View এবং Model এর মধ্যে একটি মধ্যস্থতাকারী হিসেবে কাজ করে। এটি View-এ প্রদর্শিত ডেটা প্রস্তুত করে এবং Model থেকে প্রাপ্ত ডেটাকে View-এ উপস্থাপনযোগ্য ফরম্যাটে রূপান্তর করে। ViewModel সাধারণত বিজনেস লজিক এবং ডেটা প্রসেসিংয়ের কাজ করে, কিন্তু এর সাথে সরাসরি UI উপাদান বা View এর কোন সম্পর্ক নেই। ViewModel Model এর ডেটা ব্যবস্থাপনা করে এবং View এর UI উপাদানগুলির সাথে ডেটা বাইন্ডিংয়ের মাধ্যমে যোগাযোগ স্থাপন করে।

ViewModel এর ভূমিকা

• ডেটা প্রস্তুতি এবং ফরম্যাটিং: ViewModel Model থেকে প্রাপ্ত ডেটাকে উপস্থাপনযোগ্য করে তোলে। এটি ডেটাকে এমনভাবে রূপান্তর করে যাতে তা View-এ সঠিকভাবে প্রদর্শিত হতে পারে।
• UI লজিক হ্যান্ডলিং: ViewModel UI সম্পর্কিত লজিক যেমন ভ্যালিডেশন, ফিল্টারিং, বা কোডের মধ্যে বিজনেস লজিক রাখে। তবে এটি UI উপাদানগুলির সাথে সরাসরি কাজ করে না।
• View এর সাথে ডেটা বাইন্ডিং: ViewModel View এর UI উপাদানগুলির সাথে ডেটা বাইন্ডিংয়ের মাধ্যমে যোগাযোগ স্থাপন করে। এটি View-এ যে কোন ডেটার পরিবর্তন বা ইন্টারঅ্যাকশনের প্রতি প্রতিক্রিয়া প্রদান করে, কিন্তু UI-এ সরাসরি পরিবর্তন করে না।
• ডেটা সিঙ্ক্রোনাইজেশন: View এবং ViewModel এর মধ্যে ডেটা সিঙ্ক্রোনাইজেশন এবং ভিউ-লজিক এক্সিকিউশন নিয়ন্ত্রণ করা ViewModel এর দায়িত্ব। এই সিঙ্ক্রোনাইজেশন ডেটা বাইন্ডিংয়ের মাধ্যমে পরিচালিত হয়।

Model ও View এর মধ্যে ইন্টারঅ্যাকশন

Model এবং View সরাসরি একে অপরের সাথে যোগাযোগ করে না। তাদের ইন্টারঅ্যাকশন সাধারনত ViewModel এর মাধ্যমে ঘটে। নিচে বিস্তারিতভাবে বুঝানো হয়েছে কীভাবে Model, View, এবং ViewModel একে অপরের সাথে ইন্টারঅ্যাক্ট করে:

1. Model থেকে ViewModel এ ডেটা আসা

• Model সাধারণত ViewModel এ ডেটা পাঠায়। যখন Model কোনো ডেটা (যেমন ডেটাবেস থেকে তথ্য) প্রাপ্ত করে, ViewModel সেটি গ্রহণ করে এবং উপস্থাপনযোগ্য ফরম্যাটে রূপান্তর করে।
• ViewModel তখন সেই ডেটা View-এ প্রদর্শনের জন্য প্রস্তুত করে।
• উদাহরণ: একটি অ্যাপ্লিকেশন যেখানে একটি ব্যবহারকারীর তথ্য দেখানো হবে, Model ডাটাবেস থেকে ব্যবহারকারীর নাম, ইমেইল ইত্যাদি তথ্য সংগ্রহ করবে এবং ViewModel সেই ডেটা View-এ প্রদর্শনের জন্য প্রস্তুত করবে।

2. ViewModel থেকে View এ ডেটা উপস্থাপন

• ViewModel এ রূপান্তরিত ডেটা View-এ বাইন্ডিংয়ের মাধ্যমে প্রদর্শিত হয়। এতে ViewModel এ থাকা ডেটা View এর UI উপাদানগুলির সাথে সিঙ্ক্রোনাইজড হয়ে যায়।
• উদাহরণ: একটি TextBox বা Label UI উপাদান ViewModel এর কোন প্রপার্টি বা ডেটাকে প্রদর্শন করতে পারে, যখন সেই প্রপার্টি ViewModel-এ পরিবর্তিত হয়, তখন UI-তে তা স্বয়ংক্রিয়ভাবে আপডেট হয়।

3. View থেকে ViewModel এ ব্যবহারকারীর ইনপুট পাঠানো

• যখন View-এ ব্যবহারকারী কোনো ইনপুট দেয় (যেমন ফর্ম পূর্ণ করা, বাটনে ক্লিক করা), সেই ইনপুট View থেকে ViewModel-এ পাঠানো হয়।
• ViewModel তখন সেই ইনপুটের ভিত্তিতে প্রয়োজনীয় লজিক প্রয়োগ করে, যেমন ডেটা যাচাইকরণ বা ট্রান্সফরমেশন।
• উদাহরণ: একটি TextBox-এ ব্যবহারকারী যদি নাম লিখে, সেই নামটি ViewModel-এ চলে যাবে, এবং সেখানে তা যাচাই বা প্রক্রিয়া করা হবে (যেমন, নামের দৈর্ঘ্য চেক করা)।

4. Model এবং ViewModel এর মধ্যে ইন্টারঅ্যাকশন

• ViewModel ডেটা প্রক্রিয়া করতে Model ব্যবহার করতে পারে। যখন ViewModel-এ কোনো ডেটা পরিবর্তন হয় (যেমন, একটি নতুন টাস্ক তৈরি করা), তখন তা Model-এ সেভ বা আপডেট করা হতে পারে।
• Model কে ViewModel প্রক্রিয়াকরণ অথবা ডেটা সঞ্চালনের জন্য ব্যবহৃত হয়, কিন্তু ViewModel কখনো সরাসরি View এর সাথে যোগাযোগ করে না।
• উদাহরণ: যদি ব্যবহারকারী একটি নতুন টাস্ক তৈরি করে, তবে সেই টাস্কের তথ্য Model-এ সেভ করা হবে, এবং পরে সেই টাস্ক ViewModel এর মাধ্যমে View-এ প্রদর্শিত হবে।

Summary of the Interaction Flow

• Model → ViewModel: Model ডেটা প্রদান করে এবং ViewModel তাতে বিজনেস লজিক প্রয়োগ করে।
• ViewModel → View: ViewModel থেকে প্রাপ্ত ডেটা View এ বাইন্ডিংয়ের মাধ্যমে প্রদর্শিত হয়।
• View → ViewModel: ব্যবহারকারীর ইনপুট (যেমন ফর্ম ভ্যালিডেশন) ViewModel-এ পাঠানো হয়।

ViewModel এর মাধ্যমে Model এবং View এর মধ্যে একটি পরিষ্কার, অবিচ্ছিন্ন যোগাযোগ স্থাপন করা হয়। এটি UI এবং বিজনেস লজিককে পৃথক রাখে, যা কোডের পুনঃব্যবহারযোগ্যতা, টেস্টেবলিটি, এবং মেইনটেনেবলিটি নিশ্চিত করে।